\chapter{Grafická stránka hry}

Veškerý vizuál, když opomeneme animace hráče, byl vytvořen v rámci vývoje maturitní práce a proto také tvoří značnou část práce samotné.

\section{Použíté grafické nástroje}

Blender, Figma, Illustrator, Mixamo

\section{Práce:}

\begin{figure}[h]
    \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/title.png}
    \caption{Název hry}
    \label{fig:enter-label}

    \vspace{14mm}
    
    \includegraphics[width=0.25\linewidth]{images//grafickePortfolio/gameIcon.png}
    \caption{Ikona hry}
    \label{fig:enter-label}
\end{figure}

\newpage

\begin{figure}[h]
\subsection{Herní scény}
    \vspace{2mm}
    \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/scenes/menu.png}
    \caption{Herní menu}
    \label{fig:enter-label}
    \vspace{5mm}
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/scenes/mplobby.png}
    \caption{Multiplayer lobby}
    \label{fig:enter-label}
\end{figure}

\begin{figure}[h]
    \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/scenes/game.png}
    \caption{Soubojové kolo}
    \label{fig:enter-label}
    \vspace{10mm}
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/scenes/upgradeselect.png}
    \caption{Vylepšovací kolo fáze 1}
    \label{fig:enter-label}
\end{figure}

\begin{figure}[h]
    \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/scenes/upgradebuilder.png}
    \caption{Vylepšovací kolo fáze 1}
    \label{fig:enter-label}
    \vspace{10mm}
    \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/scenes/winner.png}
    \caption{Výherní žebříček}
    \label{fig:enter-label}
\end{figure}

\FloatBarrier

\begin{figure}[h]
    \subsection{Modely zbraně (klacku)}
    \vspace{3mm}
    \centering
    \begin{minipage}{.5\textwidth}
    \centering
    \colorbox{black}{
    \includegraphics[width=0.22\linewidth]{images/grafickePortfolio/parts/iconG2Splitter.png}}
        \caption{Ikona rozdvojovače}
        \label{fig:enter-label}
    \end{minipage}%+
    \begin{minipage}{.5\textwidth}
    \centering
    \colorbox{black}{
    \includegraphics[width=0.22\linewidth]{images/grafickePortfolio/parts/iconGConeEnhancer.png}}
        \caption{Ikona šiškového vylepšení}
        \label{fig:enter-label}
    \end{minipage}%+
    
    \vspace{7mm}

    \begin{minipage}{.5\textwidth}
    \centering
    \colorbox{black}{
    \includegraphics[width=0.22\linewidth]{images/grafickePortfolio/parts/iconGFireEnhancer.png}}
        \caption{Ikona zápalného vylepšení}
        \label{fig:enter-label}
    \end{minipage}%+
    \begin{minipage}{.5\textwidth}
    \centering
    \colorbox{black}{
    \includegraphics[width=0.22\linewidth]{images/grafickePortfolio/parts/iconG4ChargeEnhancer.png}}
        \caption{Ikona 4 fázového vylepšení}
        \label{fig:enter-label}
    \end{minipage}%+

    \vspace{7mm}

    \begin{minipage}{.5\textwidth}
      \centering
    \includegraphics[width=0.7\linewidth]{images/grafickePortfolio/parts/G2Splitter.png}
        \caption{Render dvojrozdělovače}
        \label{fig:enter-label}
    
    \end{minipage}%
    \begin{minipage}{.5\textwidth}
      \centering
    \includegraphics[width=0.7\linewidth]{images/grafickePortfolio/parts/GConeEnhancer.png}
        \caption{Render šiškového vylepšení}
        \label{fig:enter-label}
    
    \end{minipage}%

    \vspace{7mm}

    \begin{minipage}{.5\textwidth}
      \centering
    \includegraphics[width=0.7\linewidth]{images/grafickePortfolio/parts/GFireEnhancer.png}
        \caption{Render zápalného vylepšení}
        \label{fig:enter-label}
    
    \end{minipage}%
    \begin{minipage}{.5\textwidth}
      \centering
    \includegraphics[width=0.7\linewidth]{images/grafickePortfolio/parts/G4ChargeEnhancer.png}
        \caption{Render 4 fázového vylepšení}
        \label{fig:enter-label}
    
    \end{minipage}%
\end{figure}

\begin{figure}[h]
    \centering
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[width=40mm]{images/grafickePortfolio/parts/chargebug0.png}
    \end{minipage}%+
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[width=40mm]{images/grafickePortfolio/parts/chargebug1.png}
    \end{minipage}%+
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[width=40mm]{images/grafickePortfolio/parts/chargebug2.png}
    \end{minipage}%+
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[width=40mm]{images/grafickePortfolio/parts/chargebug3.png}
    \end{minipage}%+

    \caption{4 nabíjecí fáze vylepšení}
    \label{fig:enter-label}
    
    \begin{minipage}{.6\textwidth}
      \centering
    \includegraphics[height=40mm]{images/grafickePortfolio/parts/muzzle.png}
        \caption{Základní hlaveň}
        \label{fig:enter-label}
        \vspace{10mm}
    \includegraphics[height=40mm]{images/grafickePortfolio/parts/coneMuzzle.png}
        \caption{Šišková hlaveň}
        \label{fig:enter-label}
    
    \end{minipage}%
    \begin{minipage}{.4\textwidth}
      \centering
    \includegraphics[height=80mm]{images/grafickePortfolio/parts/base.png}
        \caption{Základ zbraně (klacku)}
        \label{fig:enter-label}
    
    \end{minipage}%
\end{figure}

\FloatBarrier

\begin{figure}[htbp]
    \subsection{Herní mapa}

    \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/mapa/map.png}
    \caption{Základní mapa}
    \label{fig:map}

    \vspace{14mm}
    
    \begin{minipage}{.33\textwidth}
      \centering
        \includegraphics[width=1\linewidth]{images/grafickePortfolio/mapa/tree.png}
        \caption{Strom 1}
        \label{fig:tree}
    \end{minipage}
\begin{minipage}{.33\textwidth}
  \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/mapa/tree2.png}
    \caption{Strom 2}
    \label{fig:tree2}
\end{minipage}
\begin{minipage}{.25\textwidth}
  \centering
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/mapa/bush.png}
    \caption{Křoví 1}
    \label{fig:bush}
    
    \includegraphics[width=1\linewidth]{images/grafickePortfolio/mapa/grassmodel.png}
    \caption{Tráva 1}
    \label{fig:grass}
\end{minipage}
\end{figure}

\begin{figure}[htbp]
\centering
\begin{minipage}{.4\textwidth}
  \centering
    \includegraphics[width=.8\linewidth]{images/grafickePortfolio/mapa/ground/Grass.png}
    \caption{Textura tráva 1}
    \label{fig:groundgrass}
\end{minipage}
\begin{minipage}{.4\textwidth}
  \centering
    \includegraphics[width=.8\linewidth]{images/grafickePortfolio/mapa/ground/GroundMix.jpg}
    \caption{Textura mix 1}
    \label{fig:groundmix}
\end{minipage}
    \vspace{-10mm}

\end{figure}
\begin{figure}[htbp]

    \subsection{Hráčský model - Pejvl}
    \vspace{3mm}

    \centering
    \includegraphics[width=0.5\linewidth]{images/grafickePortfolio/postava/PAVEL_IMG.png}
    \caption{Pejvl}

    \vspace{3mm}
    
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[height=50mm]{images/grafickePortfolio/postava/run0.png}
    \end{minipage}%+
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[height=50mm]{images/grafickePortfolio/postava/run1.png}
    \end{minipage}%+
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[height=50mm]{images/grafickePortfolio/postava/run2.png}
    \end{minipage}%+
    \begin{minipage}{.25\textwidth}
    \centering
    \includegraphics[height=50mm]{images/grafickePortfolio/postava/run3.png}
    \end{minipage}%+

    \caption{Model v běhu}
    \label{fig:enter-label}
\end{figure}

\FloatBarrier

\begin{figure}[h]
\subsection{Jiné}
\centering
\begin{minipage}{.5\textwidth}
  \centering
    \includegraphics{images/grafickePortfolio/icons/hand.png}
    \caption{Ikona ruky}
    \label{fig:enter-label}
\end{minipage}%
\begin{minipage}{.5\textwidth}
  \centering
    \includegraphics{images/grafickePortfolio/icons/cross.png}
    \caption{Ikona zrušení}
    \label{fig:enter-label}
\end{minipage}

    \vspace{7mm}

    \centering
    \begin{minipage}{.5\textwidth}
    \centering
    \includegraphics[width=0.9\linewidth]{images/grafickePortfolio/postava/fireGamePov.png}
    \caption{Pohled zapáleného hráče}
    \label{fig:enter-label}
    \end{minipage}%+
    \begin{minipage}{.5\textwidth}
    \centering
    \includegraphics[width=0.9\linewidth]{images/grafickePortfolio/postava/firePov.png}
    \caption{1 snímek - efekt ohně}
    \label{fig:enter-label}
    \end{minipage}%+

    \vspace{7mm}
    
    \includegraphics[width=.5\linewidth]{images/grafickePortfolio/postava/firesheet.png}
    \caption{Animace ohně}
    \label{fig:enter-label}
\end{figure}

\begin{figure}[h]
    \centering
    \begin{minipage}{.5\textwidth}
    \centering
    \includegraphics[width=0.9\linewidth]{3dcrown.png}
    \caption{3D ikona koruny}
    \label{fig:enter-label}
    \end{minipage}%+
    \begin{minipage}{.5\textwidth}
    \centering
    \includegraphics[width=0.9\linewidth]{images/grafickePortfolio/parts/cone.png}
    \caption{Borovicová šiška}
    \label{fig:enter-label}
    \end{minipage}%+
\end{figure}

\begin{figure}[h]
    \centering
    \begin{minipage}{.5\textwidth}
    \centering
    \includegraphics[width=0.9\linewidth]{images/grafickePortfolio/UI/tab.png}
    \caption{"Tab" okno}
    \label{fig:enter-label}
    \end{minipage}%+
    \begin{minipage}{.5\textwidth}
    \centering
    \includegraphics[width=0.9\linewidth]{images/grafickePortfolio/UI/health.png}
    \caption{Healthbar}
    \label{fig:enter-label}
    \vspace{10mm}
    \includegraphics[width=0.9\linewidth]{images/grafickePortfolio/UI/healthlow.png}
    \caption{Healthbar 2}
    \label{fig:enter-label}
    \end{minipage}%+
\end{figure}

\FloatBarrier